Media queries

Media queries je CSS tehnika koja omogućuje da se određeni CSS stilovi primjenjuju samo ako je zadovoljen određeni uvjet. Media queries se koristi u CSS3 i koristi @media pravilo za uključivanje bloka CSS svojstava samo ako je određeni uvjet istinit.

Media types

all: primjenjuje stilove na sve uređaje.

screen: primjenjuje stilove na uređaje sa ekranom, poput računala, tableta i pametnih telefona.

handheld: namijenjeno je prenosivim uređajima koji uglavnom imaju male ekrane

print: primjenjuje stilove na dokumente koji se ispisuju.

tv: pravilo namijenjeno za televizore.

Pozivanje stilova

U CSS-u putem import pravila: @import url(600style.css) screen and (max-width: 600px); U CSU-u putem @media pravila @media screen and (max-width: 600px) {...}

Nizanje više media queries uvjeta

Više uvjeta nižemo tj. odvajamo zarezom što predstavlja logičku operaciju ILI @media screen and (min-width: 320px), print and (min-width: 768px) {...}

Kontakt